$99

Dusk, an Astro & Tailwind CSS agency template

Dusk is a modern dark-mode agency template featuring a strict grid and electric yellow accents. Designed for studios seeking clarity, precision, and strong visual presence without clutter.

Screnshot one
Screnshot two
Screnshot three
Screnshot four
Screnshot five
Screnshot six
Screnshot seven
Screnshot eight
Screnshot nine

All Pages

Static Pages

  • Landing Page
  • Studio
  • Contact
  • Sign in
  • Sign up
  • Error404

Content Collections

  • Work
  • Blog
  • Team
  • Store
  • Services
  • Legal pages

Good to Know — Each theme includes a main index page and individual detail pages. You’ll also get a preconfigured .pages.yaml file that automatically connects your content collections. That’s all you need to start using PagesCMS — no extra setup required, no bloated code.

Features

  • Blog Tags
  • Reusable components
  • Optional CMS via PagesCMS
  • Search powered with Fuse JS
  • Content collections
  • Seo Optimized
  • Ongoing updates
  • Style guide
  • Astro RSS
  • Astro SEO
  • Astro Sitemap
  • Tailwind CSS Forms
  • Tailwind Typography

Specifications

  • Astro v5
  • Tailwind v4
  • Released on 06.23
  • Updated on 08.25
  • Performance 99
  • Accessibility 98
  • Best Practices 100
  • SEO 95

File Structure

  • public
  • src
    • components
    • layouts
    • pages
    • content
      • folders
      • config.ts
    • data
    • scripts
    • styles
      • global.css
    • endv.d.ts
  • .pages.yml
  • astro.config.mjs
  • package.json
  • README.md
  • ts.config.json

Dusk — Agency theme for Astro & Tailwind CSS

Dusk is a sharp dark-mode template built for creative studios and service teams. With a strict grid system, moody color palette, and electric yellow highlights, it delivers clarity and presence without unnecessary clutter. Perfect for portfolios, case studies, and studio websites that need both precision and style.

Specifications

  • Built with Astro v5 + Tailwind CSS v4
  • High Lighthouse scores across Performance, Accessibility, Best Practices, and SEO
  • Fully responsive and optimized for modern browsers

Features

  • Structured pages for landing, studio, services, contact, and authentication
  • Content collections for work, blogs, teams, and stores
  • Reusable components (buttons, text, wrappers, etc.) styled with the OKLCH color system
  • Built-in search powered by Fuse.js for instant client-side filtering
  • Blog pagination for smooth content navigation
  • SEO-ready with Astro SEO, Sitemap, and RSS integrations
  • Clean file structure with ongoing updates and a style guide

PagesCMS Ready

Dusk includes a preconfigured .pages.yaml file that connects your content collections directly to PagesCMS.
All integration happens automatically when you link your repo inside the PagesCMS dashboard—no changes are made to the template code. You keep a pure Astro + Tailwind CSS setup with the option to use PagesCMS anytime.

Modern Color System

The theme uses OKLCH color values for consistent rendering, accessible contrast, and future-proof theming support in Tailwind CSS v4.

Why Choose Dusk?

  • Strict grid-based layouts for clarity and structure
  • Dark mode design with vibrant accents for creative impact
  • Astro ensures fast performance and minimal overhead
  • Tailwind utilities make customization quick and maintainable
  • Ideal for creative studios, design agencies, and portfolio-driven sites

Customers & supporters

Feedback from developers, founders, and fans who use Lexington Themes in their projects.

Read all reviews
Photo of Moo

Moo

Freelancer

I love your Astro themes and have a few sites in the works. I'd like to find ways to increase the use of Astro because I love it so much. Thanks for saving me so much time in dev work.

Photo of Frank Stallone

Frank Stallone

frankstall.one

Astro is amazing, and so are Mike's themes and UI Kits.

Photo of Kevin Focke

Kevin Focke

Developer

Big fan of your themes. They're well-organized, look clean, and are fast.